// //<![CDATA[
// $(function(){
// 	(function(){
// 		var curr = 0;
// 		$("#jsNav .trigger").each(function(i){
// 			$(this).click(function(){
// 				curr = i;
// 				$("#js a").eq(i).fadeIn("slow").siblings("a").hide();
// 				$(this).siblings(".trigger").removeClass("imgSelected").end().addClass("imgSelected");
// 				return false;
// 			});
// 		});
		
// 		var pg = function(flag){
// 			if (flag) {
// 				if (curr == 0) {
// 					todo = 4;
// 				} else {
// 					todo = (curr - 1) % 5;
// 				}
// 			} else {
// 				todo = (curr + 1) % 5;
// 			}
// 			$("#jsNav .trigger").eq(todo).click();
// 		};
		
// 		//ǰ
// 		$("#prev").click(function(){
// 			pg(true);
// 			return false;
// 		});
		
// 		//
// 		$("#next").click(function(){
// 			pg(false);
// 			return false;
// 		});
		
// 		//Զ
// 		var timer = setInterval(function(){
// 			todo = (curr + 1) % 5;
// 			$("#jsNav .trigger").eq(todo).click();
// 		},5000);
		
// 		$("#js,#prev,#next").hover(function(){
// 				clearInterval(timer);
// 			},
// 			function(){
// 				timer = setInterval(function(){
// 					todo = (curr + 1) % 5;
// 					$("#jsNav .trigger").eq(todo).click();
// 				},5000);			
// 			}
// 		);
// 	})();
// });
// //]]>

$(document).ready(function(){
	$(".area").hover(function(){
		  $(this).find(".qq").show(100);
		  $(".js .jsNav").find(".select").stop().show_hide();
		}
		  ,function(){
			$(this).find(".qq").hide(100);
	});
});



$(document).ready(function() {
	$(".js .box01 a").first().css('display',"block");
		carousel();
	});

function DrawImage(imgObj,widthValue,heightValue){ 
    var image=new Image(); 
    image.src=imgObj.src;
    if(image.width>0 && image.height>0){ 
        if(image.height>heightValue||image.width>widthValue){
            var h=0,w,wflg=false;
            if(image.height>heightValue)
                wflg=true;
            if(wflg){
                w=widthValue; 
                h=(image.height*widthValue)/image.width; 
                }
            if(h==0||h>heightValue){
                h=heightValue; 
                w=(image.width*heightValue)/image.height; 
                }
                //alert(w)
                //alert(h)
                $(imgObj).css("margin-left",parseInt((widthValue-w)/2)+"px");
                $(imgObj).css("margin-top",parseInt((heightValue-h)/2)+"px");
                $(imgObj).css("width",parseInt(w)+"px");
                $(imgObj).css("height",parseInt(h)+"px");
               /*  imgObj.width=w; 
                imgObj.height=h;  */
        }else{ 
            imgObj.width=image.width; 
            imgObj.height=image.height; 
        }  
    } 
} 

function carousel(){
	var js_mun = $(".js .box01 a").length;
	for(i=1;i<=js_mun;i++){
		$(".js .jsNav").append('<a name="'+i+'" href="javascript:void(0)">'+i+'</a>');
	}
	$(".js .jsNav a").first().addClass('select');

	$(".prevBtn").click(function(event) {
		/* Act on the event */
		var now_name = parseInt($(".js .jsNav").find(".select").attr('name'));
		var tar_name = now_name - 1;
		if(tar_name<=1){
			tar_name = js_mun;
		}
		show_hide(tar_name);
	});
	$(".nextBtn").click(function(event) {
		/* Act on the event */
		var now_name = parseInt($(".js .jsNav").find(".select").attr('name'));
		var tar_name = now_name + 1;
		if(tar_name> js_mun){
			tar_name = 1;
		}
		show_hide(tar_name);
	});
	$(".jsNav").delegate('a', 'mouseover', function(event) {
		var tar_name = parseInt($(this).attr("name"));
		show_hide(tar_name);
	});
	setTimeout(function() {
		settime();
	}, 3000);
}	
function settime(){
	var js_mun = $(".js .box01 a").length;
	var now_name = parseInt($(".js .jsNav").find(".select").attr('name'));
	var tar_name = now_name + 1;
	if(tar_name> js_mun){
		tar_name = 1;
	}
	show_hide(tar_name);
	setTimeout(function() {
		settime();
	}, 3000);
}
function show_hide(tar_name){
	$(".js .jsNav a").removeClass();
	$(".js .jsNav a[name='"+tar_name+"']").addClass('select');
	$(".js .box01 a").fadeOut();
	$(".js .box01 a").eq(tar_name-1).fadeIn();
}
